<html>
<header>
<title>javascript</title>
<script type=”text/javascript”>
function div_visible(id,visible_status)
{
var div=document.getElementById(id);
if(visible_status)
{
div.style.display=””;
}
else
{
div.style.display=”none”;
}
}
function image_visible(id,visible_status)
{
var image=document.getElementById(id);
if(visible_status)
{
image.style.visibility=”visible”;
}
else
{
image.style.visibility=”hidden”;
}
}
</script>
</header>
<body>
<div>
<input type=”button” value=”show div” onclick=”div_visible(‘theDiv’,true);”/>
<input type=”button” value=”hide div” onclick=”div_visible(‘theDiv’,false);”/>
<input type=”button” value=”show image” onclick=”div_visible(‘theImage’,true);”/>
<input type=”button” value=”hide image” onclick=”div_visible(‘theImage’,false);”/>
<input type=”button” value=”show image” onclick=”image_visible(‘theImage’,true);”/>
<input type=”button” value=”hide image” onclick=”image_visible(‘theImage’,false);”/>
<div id=”theDiv”>
<img id=”theImage” src=”http://vnexpress.net/Files/Subject/3B/A1/41/40/250.jpg”/>
</div>
</div>
</body>
</html>
HuynhVoThinh's Webblog 
